/*styles to be used in Filament Group Lab example pages*/
body {
    font-family: arial,tahoma,verdana,helvetica;
    font-size:62.5%;
    color: #333333;
    margin: -5px;
     background:-webkit-gradient( linear, left top, left bottom, color-stop(20%, #FFFFFF), color-stop(60%, #F0F2F2) , color-stop(100%, #E1E3E3));
    background:-moz-linear-gradient( center top, #FFFFFF 20%,#F0F2F2 60%, #E1E3E3 100% );
}

#page {
    clear: both;
    position: relative;
    width: 100%;
    border-top: 1px solid #bfe3f5;
    /*overflow: auto;*/
}

#footer {
    position: fixed;
    bottom: 0px;
    height: 30px;
    width: 100%;
    border-top: 0px none;
    font-size: 14px;
}

#info-bar {
    float: left;
    /*width: 80%; */
    height: 26px;
    background-color:transparent;
    font-size: 22px;
    margin-top: 4px;
    color :#126DE3;
    /*text-shadow: 6px 2px 3px #FA9B02;*/
/*    background:-webkit-gradient( linear, left top, left bottom, color-stop(30%, #D8E0E6), color-stop(60%, #EDF5FA) , color-stop(100%, #D8E0E6));
    background:-moz-linear-gradient( center top, #D8E0E6 30%,#EDF5FA 60%, #D8E0E6 100% );  */
    /*margin-left: -5px; */
    
    
}
#divbanner {
   background-color:transparent;  
   /* background-color:#00ff00;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(30%, #D8E0E6), color-stop(60%, #EDF5FA) , color-stop(100%, #D8E0E6));
    background:-moz-linear-gradient( center top, #D8E0E6 30%,#EDF5FA 60%, #D8E0E6 100% );*/
}



#menu {
    float: left;
    width: auto;
    /*height: 24px;*/
    background: transparent;
/*    background:-webkit-gradient( linear, left top, left bottom, color-stop(30%, #D8E0E6), color-stop(60%, #EDF5FA) , color-stop(100%, #D8E0E6));
    background:-moz-linear-gradient( center top, #D8E0E6 30%,#EDF5FA 60%, #D8E0E6 100% );*/
    padding-right: 0px;
    padding-left: 0px;
}
#divheader {
    height: 24px;
    background-color: #000000;
}

 .fg-button { 
        outline: 0;
        margin:0 1px 0 0;
        padding-left : 2px; 
        padding-right  : 2px; 
        text-decoration:none !important;
        cursor:pointer; 
        position: relative;
        text-align: center;
        vertical-align: center;
       /* background: transparent;*/
        /*background-color: #123456;*/
        color: #333333;
        font-weight: normal;
    }
    .fg-button .ui-icon { 
        position: absolute;
        margin-top: -4px;
        margin-left: -4px;
    }
    
    .clsmiddle{
        width: 1px;
        max-width: 1px;
        min-width: 1px;
        background-color: #C2E1ED;
    }
    .clsleft{
        background-color: #EBF2F7;
    }
    fieldset{
        border-width : thin;
        border-color: #C2E1ED;
        background-color:#fff7b5;
        color:#000587;
        text-align: center;
        margin-top: 10px;
        
    }
    fieldset>legend{
        font-style: italic;
        background-color: #fff7b5;
        height: 20px;
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
        font-weight: bold;
        color: #27048F;
        border-top-right-radius:6px;
        border-top-left-radius:6px;
        }
        
    fieldset td:first-child{
    padding-left: 10px;
    }
    
    
    
    a.fg-button { float:left; }
    
    /* remove extra button width in IE */
    button.fg-button { width: auto; height: 30px; overflow:visible; font-weight: bold; }
    
    .fg-button-icon-left { padding-left: 0.1em; }
    .fg-button-icon-right { padding-right: 0.1em; }
    .fg-button-icon-left .ui-icon { right: auto; left: .1em; margin-left: 0; }
    .fg-button-icon-right .ui-icon { left: auto; right: .1em; margin-left: 0; }
    
    .fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }     /* solo icon buttons must have block properties for the text-indent to work */    
    
    .fg-buttonset { float:left; }
    .fg-buttonset .fg-button { float: left; }
    .fg-buttonset-single .fg-button { margin-right: 0px;}
    
    #tabs1 > .ui-tabs-nav { display: none }
    
    .ui-tabs-panel {
        /*overflow-x:scroll;*/

    }
    .btnExcel{
        padding-right: 30px;
        background: url(../media/images/xls.png) no-repeat center right #D8E3E3;
        
      color: #000000;
    }
    .btnPdf{
        padding-right: 30px;
        background: url(../media/images/pdf.png) no-repeat center right #D8E3E3;
        
      color: #000000;
    }
    
    
/*    .btnChart{
        padding-right: 30px;
        background: url(media/images/chart.png) no-repeat center right;
    }  */
    .btnExcel:hover{
        padding-right: 30px;
        background: url(../media/images/xls_hover.png) no-repeat center right #55AEC9;
                color: #ffffff;
        font-weight: bold;
    }
    .btnPdf:hover{
        padding-right: 30px;
        background: url(../media/images/pdf_hover.png) no-repeat center right #55AEC9;
        
        color: #ffffff;
        font-weight: bold;                                                                                                                                                                             ; 
    }
.clear2,.clear{
    padding-right: 15px;
/*    background: url(../media/images/clear_1.ico) no-repeat center right #D8E3E3;
    background-size:20px 20px; */
    color: #000000;
    width:  110px;
}
.clear2:hover,.clear:hover{
    padding-right: 15px;
/*    background: url(../media/images/clear_2.ico) no-repeat center right #55AEC9;
    background-size:20px 20px; */
    color: #ffffff;
    /*width:  130px;  */
}
.btnsave{
    padding-right: 15px;
   /* background: url(../media/images/save_3.ico) no-repeat center right #D8E3E3;*/
    /*background-size:20px 20px;  */
    color: #000000;
    width:  110px;
}
.btnsave:hover{
    padding-right: 15px;
/*    background: url(../media/images/save.ico) no-repeat center right #55AEC9;
    background-size:20px 20px;  */  
    color: #ffffff;
    /*width:  110px;*/
}
.search{
    padding-right: 15px;
    float:none;
/*    background: url(../media/images/search_1.ico) no-repeat center right #D8E3E3;
    background-size:20px 20px; */
    color: #000000;
    width:  110px;
}
.search:hover{
    padding-right: 15px;
    /*float:right;*/
/*    background: url(../media/images/search_3.ico) no-repeat center right #55AEC9;
    background-size:20px 20px;*/
    color: #ffffff;
    /*width:  110px;*/
}
.cancelDialog{
    padding-right: 15px;
    /*float:right;*/
/*    background: url(../media/images/close_2.ico) no-repeat center right #D8E3E3;
    background-size:20px 20px;  */
    color: #000000;
    width:  130px;
}
.cancelDialog:hover{
    padding-right: 15px;
/*    background: url(../media/images/close_3.ico) no-repeat center right #55AEC9;
    background-size:20px 20px;*/
    color: #ffffff;
    /*width:  110px;*/
}

.clsbtn{
    padding-right: 15px;
/*    background-size:20px 20px; */
    color: #000000;
    width:  110px;
}
.clsbtn:hover{
    padding-right: 15px;
/*    background-size:20px 20px;    */
    color: #ffffff;
    /*width:  100px; */
}
    
    .roomtypenext{       

        border-top-right-radius :  10px;
        border-bottom-right-radius :  10px;    
    }   
      .roomtypeprevious{ 

        border-top-left-radius :  25px;
        border-bottom-left-radius :  25px;    
    }   
     .roomtype{        
        background-color :#5EA3D1 ;
        color: white;
        font-weight: bold; 
        font-size: 17px;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(40%, #0B79B0), color-stop(70%, #2A99D1) , color-stop(100%, #87D0F5));
        background:-moz-linear-gradient(center top , #0B79B0 40%, #2A99D1 70%, #87D0F5 100%); 
       /* background-color: #BAD3E3; */
    }

/*    ul.ulproduct > li:nth-child(even){
        background-color :#333333;       
    }
    ul.ulproduct > li:nth-child(odd){
        background-color :#9BD5F2;       
    }*/
    ul.ulproduct > li{
    background-color :white; 
    color: #006666;   
    }
    ul.ulproduct > li:hover{
    background-color :#006666; 
    color: white;  
    font-weight: bold;    
    }
    ul.ulproduct > li{
        text-align: right;
    }
    
/*    .lblRequired{
        position: relative;
        float: right;
        background-image: url(images/menu/constraint_1.png);
        background-repeat: repeat-x;
        padding: 0;
        margin: 0;
    }*/
    
    .datereport{
        width: 70px;
        max-width: 80px;
        min-width: 60px;
        height: 16px;        
    }
    
    .datepicker{
         width: 16px;
         height: 18px;
    }
    ul.ui-tabs-nav{
        padding-top: 3px;
        padding-left: 200px;
        border-top-width: 0px;
        border-top-color :transparent;
        border-left-width: 0px;
        border-left-color :transparent;
        border-right-width: 0px;
        border-right-color :transparent;
        border-right-width: 0px;
        border-right-color :transparent;
        border-bottom-right-radius:0px;
        border-bottom-left-radius:0px;
        border-top-right-radius:0px;
        border-top-left-radius:0px;
    }
    
    .imgcontext{
        float: left;
        height: 14px;
        width: 14px;
        margin-right: 5px;
        margin-left: 5px;
    }
    input,textarea,select{
        border-collapse: collapse;
        border: thin solid #84bbf3;      
        background-color: #ffffff;
    }
    .dataTables_scrollBody{
        padding-top : 2px;
        border:1px solid #F1F0F5;
        display:block;


        background:-webkit-gradient( linear, left top, left bottom, color-stop(20%, #FFFFFF), color-stop(60%, #F0F2F2) , color-stop(100%, #E1E3E3));
        background:-moz-linear-gradient( center top, #FFFFFF 20%,#F0F2F2 60%, #E1E3E3 100% );
        overflow: auto;
        border-collapse: collapse;
        /*border-width: 2px;
        border-color: blue;  */
    }
    .leftfoot{
        display: inline-block;
        text-align: right;
    }
    span.fg-button{
        border: thin solid #84bbf3;
    }
    
    .imgpaginate{
        height: 13px;
        width: 12px;
    }
    
    .productTitle{
        height: 30px;
        color: green;
        font-size: 14px;
        font-weight: bold;
        background: yellow;
    }  
      .ka_titleadd{
        color: red;
        font-weight: bold;
    }
    
    .allTable{
        border-width: 1px;
        border-collapse: collapse;
        border-color: green;
    }
    table.allTable td{
        border-width: 1px;
        border-style: inset;
        border-collapse: collapse;
        border-color: green;
        text-align: center;
    }
    
    table.allTable td:nth-child(12n+1),table.allTable  td:nth-child(12n+2),table.allTable  td:nth-child(12n+3) {
        background: red;
    }
    table.allTable td:nth-child(12n+4), table.allTable td:nth-child(12n+5), table.allTable td:nth-child(12n+6) {
        background: green;
    }
    table.allTable td:nth-child(12n+7), table.allTable td:nth-child(12n+8), table.allTable td:nth-child(12n+9) {
        background: yellow;
    }
    table.allTable td:nth-child(12n+10), table.allTable td:nth-child(12n+11), table.allTable td:nth-child(12n+12) {
        background: blue;
    }
    .btnmoveRoom{
        width: 100px;
        height: 30px;
       font: bold 20px Verdana;   
       color:red; 
       margin-right: 5px; 
       margin-bottom : 5px;   
     }
     .btnmoveRoom:hover{
        font: bold 20px Verdana;   
        color:#0909E3;    
     }
     .btnactiveRoom{
        width: 100px;
        height: 30px;
       font: bold 20px Verdana;   
       color:#A5A5C4; 
       margin-right: 5px; 
       margin-bottom : 5px;    
     }
     .btnactiveRoom:hover{
        width: 100px;
        height: 30px;
       color:#A5A5C4;
       background-color: transparent;    
     }      
     .btnmergeRoom{
        width: 100px;
        height: 30px;
       font: bold 20px Verdana;   
       color:#730F08; 
       margin-right: 5px; 
       margin-bottom : 5px;    
     }
     .btnmergeRoom:hover{
        width: 100px;
        height: 30px;
       color:#380502;
       background-color: transparent;    
     }      
     .clsnote{        
        color: blue;     
     }     
     .price{        
        text-align : right;     
     }
     
     .deleteAll{
         cursor: pointer;
     } 
        
    